<html>
<head>
<link rel="stylesheet" href="style1.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Averia+Libre' rel='stylesheet' type='text/css'>
<title>Manchester Halls</title>
</head>

<body>

<div id='wrapper'><!-- Put NOTHING outside this wrapper -->

<div id='headerBar'><!--Author Daniel Tzabar -->
  <div id='logo'>
    <img src="logo2.png" height="85px" alt="Our Logo">
  </div>
  <div id='headerText'>Manchester Halls</div>
  <div id='login'>
    <form action="login.php" method="post">
      Email<input type="email" name="email" label="Email Address" autofocus required><br>
      Password<input type="password" name="password" label="Password" required><br>
      <input type="submit" value="Login" action formaction='login.php'>
    </form>
  </div>
</div>

<div id='mainContent'>
  <div id='blurb'>
    Welcome to ManchesterHalls.co.uk, the first site to let you read reviews about Student Accomodation, written by students like you!
  </div>
  
  <div id='heading'>
    Do you know what kind of accomodation you are looking for?
  </div>
  
  <div id='accomodationTypes'>
    <div id='type1'>
      Close to the University?<br><br>
      <img src="pedCrossing.png" height='100px'>
    </div>
    <div id='type2'>
      With an ensuite bathroom?<br><br>
      <img src="bathroom.png" height='100px'>
    </div>
    <div id='type3'>
      On a  tight budget?<br><br>
      <img src="pound.png" height='100px'>
    </div>
    
    <div id='heading'>
      Or find the hall that you're looking for by name:
    </div>
  </div>
    
  <div id='hallsList'>
    Dalton Ellis<br>
    Hulme Hall<br>
    Owen's Park<br>
    Here<br>
    There<br>
    Everywhere<br>
    Dalton Ellis<br>
    Hulme Hall<br>
    Owen's Park<br>
    Here<br>
    There<br>
    Everywhere<br>
    Dalton Ellis<br>
    Hulme Hall<br>
    Owen's Park<br>
    Here<br>
    There<br>
    Everywhere<br>            
  </div>
  
  <div id='headingBottom'>
    Or see the full list here:
  </div>
</div>

<div id='footer'>
  SOME FOOTER CONTENT!!!
  <br>
  MORE FOOTER CONTENT!!!
</div>

</div> <!-- Put nothing outside of this div! -->
</body>
</html>